<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style type="text/css">
		#big {
			width: 600px;
			height: 400px;
			border: 1px solid black;
			border-radius: 25px;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		hr {
			width: 90%;
			font-size: 0;
		}
		p {
			margin-left: 55px;
		}
		a {
			text-decoration: none;
			color: black;
		}
		p:hover,a:hover {
			text-decoration: underline;
		}
		 p + hr {
			border: 0.1px dashed black;
			color: rgba(0,0,0,.2);
		}
		
	</style>
	<body>
		<div id="big">
			<h2 style="margin-left: 30px;">最新文章/New Articles</h2><hr />
			<p><a href="#">北京招聘网页设计，平面设计，PHP</a></p><hr />
			<p>体验javascript的魅力</p><hr />
			<p>jquery世界来临</p><hr />
			<p>网页设计师的梦想</p><hr />
			<p>jquery中的链式编程是什么</p><hr />
		</div>
	</body>
</html>
